<nb-card>
  <nb-card-body>
    <div class="row">
      <div class="chat-container col-md-12 col-lg-6 col-xxxl-6">
        <nb-chat title="Simple Chat" size="large" satus="primary">
          <nb-chat-message *ngFor="let msg of messages"
                           [type]="msg.type"
                           [message]="msg.text"
                           [reply]="msg.reply"
                           [sender]="msg.user.name"
                           [avatar]="msg.user.avatar"
                           [date]="msg.date"
                           [files]="msg.files"
                           [quote]="msg.quote">
          </nb-chat-message>
          <nb-chat-form (send)="sendMessage($event)" [dropFiles]="true"></nb-chat-form>
        </nb-chat>
      </div>
      <div class="chat-container col-md-12 col-lg-6 col-xxxl-6">
        <test-chat></test-chat>
      </div>
    </div>
  </nb-card-body>
</nb-card>
